import { useState } from "react";
import "./index.less";

const cardData = [
  {
    des: '安卓',
    link: 'https://www.iconfont.cn/search/index?searchType=icon&q=%E9%92%93%E9%B1%BC&page=4&fromCollection=-1',
    icon: '/assets/icon/icon_android@2x.png'
  },
  {
    des: 'iOS',
    link: 'https://www.iconfont.cn/search/index?searchType=icon&q=%E9%92%93%E9%B1%BC&page=4&fromCollection=-1',
    icon: '/assets/icon/icon_ios@2x.png'
  }
];

function DownloadLink() {
  return (
    <>
      <div className="downloadLink-page text-style">
        {
          cardData.map((item: any, index: number) => {
            return (
              <div key={index} className="downloadLink-page-card">
                <div className="downloadLink-page-title">
                  <img className="downloadLink-page-icon" src={ item.icon } alt="" />
                  <div className="downloadLink-page-des">{ item.des }</div>
                </div>
                <div className="downloadLink-page-link">
                  { item.link }
                </div>
                <button className="downloadLink-page-btn">
                  复制链接
                </button>
              </div>
            )
          })
        }
      </div>
    </>
  );
}

export default DownloadLink;
